<template>
  <div class="flex flex-col items-center justify-center p-40">
    <n-gradient-text size="40" class="font-mono">
      欢迎使用!!!
    </n-gradient-text>
    <div v-if="isLogin" class="text-xs text-gray-500">请先登录~</div>
    <div v-else class="p-10">
      <n-button @click="handleEnter" text size="large">
        <div class=" flex items-center space-x-3">
          <div class="text-3xl">
            进入网盘
          </div>
          <n-icon size="25">
            <icon icon="icon-park-outline:right-c"></icon>
          </n-icon>
        </div>
      </n-button>
    </div>
  </div>
</template>

<script setup lang="ts">

import {useUserStore} from "@/store/user";
import {storeToRefs} from "pinia";

import {Icon} from "@iconify/vue";
import router from "@/router";

const userStore = useUserStore()

const {isLogin} = storeToRefs(userStore)

const handleEnter = () => {
  router.push('/pc/home')
}

</script>

<style scoped>

</style>